<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model指令</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
v-model指令用于获取和设置表单元素的值(双向数据绑定),可以用于初始化表单中的数据。
v-model：用来绑定 标签元素的值 与 vue实例对象中data数据 保持一致，从而实现 双向的数据绑定机制。
当表单中的数据发生改变时，vue对象中的属性也会随之改变，修改vue对象中的属性，被绑定v-model的元素中的值也会改变。

MVVM 架构 双向绑定机制
Model：数据 Vue实例中绑定数据
View：页面 页面展示的数据
VM：ViewModel 监听器
<div id="app">
    <input type="text" v-model="message" @keyup.enter="alertMessage">
    <h3 v-text="message"></h3>
    <input type="text" v-model="updateMsg">
    <input type="button" value="修改一下" @click="modifyMessage(updateMsg)">
</div>
<script>
    var app = new Vue({
        el:"#app",
        data:{
            message:"anonyeast",
            updateMsg:undefined
        },
        methods:{
            alertMessage:function () {
                alert(this.message)
            },
            modifyMessage:function (param) {
                this.message = param
            }
        }
    });
</script>
</body>
</html>